<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="../static/azxcrm/css/details.css"
	th:href="@{/azxcrm/css/details.css}" rel="stylesheet" />

<body>
	<!-- 客户资料详情 -->
	<div class="layui-layer-warp">
		<div class="customer_find">
			<div class="customer_f1">
				<span class="f2">客户线索</span> <a class="f4 "
					th:text="${customerClue.isHandle} == 0? 未处理 :已处理"></a>
			</div>
		</div>
		<div th:if="${customerInfo} != null" class="customer_table">
			<table class="table table-bordered find1">
				<tbody class="find1_tbody">
					<tr>
						<td colspan="3" class="find1_title "><span
							class="glyphicon glyphicon-exclamation-sign"></span>该用户已存在！</td>
					</tr>
					<tr>
						<td><span class="table_name">姓名：</span><span
							class="table_name2" th:text="${customerInfo.name}"></span></td>
						<td><span class="table_phone">手机号码：</span><span
							class="table_phone2" th:text="${customerInfo.cellphone}"></span></td>
						<td><span class="table_local">所在地：</span><span
							class="table_local2"
							th:text="${customerInfo.province}+'-'+${customerInfo.city}+'-'+${customerInfo.area}"></span></td>
					</tr>
					<tr>

						<td><span class="table_sex">性别：</span> <span
							th:if="${customerInfo.sex} == 0" class="table_sex2">未知</span> <span
							th:if="${customerInfo.sex} == 1" class="table_sex2">男</span> <span
							th:if="${customerInfo.sex} == 2" class="table_sex2">女</span></td>
						<td class="find1_bottom"><span class="table_id">身份证号：</span><span
							class="table_id2" th:text="${customerInfo.identityNum}"></span></td>
					</tr>

				</tbody>
			</table>
		</div>
		<!-- 客户资料详情 -->
		<!-- 客户信息 -->
		<div class="customer_table2">
			<table class="table customer_table3">
				<tbody>
					<tr>
						<td colspan="4" class="pos-rel infor">客户信息</td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">姓名</td>
						<td th:text="${customerClue.customerName}"></td>
						<td class="phone2">手机号码</td>
						<td th:text="${customerClue.customerCellphone}"
							id="customerCellphone"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">性别</td>
						<td th:if="${customerClue.customerSex} == 0">未知</td>
						<td th:if="${customerClue.customerSex} == 1">男</td>
						<td th:if="${customerClue.customerSex} == 2">女</td>
						<td class="phone2">年龄</td>
						<td th:text="${customerClue.customerAge}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">出生日期</td>
						<td th:text="${customerClue.customerBirth}"></td>
						<td class="phone2">身份证号</td>
						<td th:text="${customerClue.customerIdentityNum}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">职位</td>
						<td th:text="${customerClue.customerJob}"></td>
						<td class="phone2">微信号</td>
						<td th:text="${customerClue.customerWechatAccount}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">紧急联系人</td>
						<td th:text="${customerClue.customerEmergencyContact}"></td>
						<td class="phone2">联系号码</td>
						<td th:text="${customerClue.customerEmergencyCellphone}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">所在地</td>
						<td
							th:text="${customerClue.customerProvince}+'-'+${customerClue.customerCity}+'-'+${customerClue.customerArea}+'-'+${customerClue.customerAddressDetail}"></td>
						<td class="phone2">采集时间</td>
						<td th:text="${customerClue.createTime}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2 phone3">客户背景</td>
						<td class="phone4" th:text="${customerClue.customerBackground}"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- 客户信息 -->
		<!-- 线索信息 -->
		<div class="customer_table4">
			<table class="table customer_table3">
				<tbody>
					<tr>
						<td colspan="4" class="pos-rel infor">线索信息</td>
					</tr>
					<tr class="table_phone2 phone3">
						<td class="phone2">线索来源</td>
						<td th:if="${customerClue.clueSource} == 1">官网PC</td>
						<td th:if="${customerClue.clueSource} == 2">官网WAP</td>
						<td th:if="${customerClue.clueSource} == 3">CRM-PC</td>
						<td th:if="${customerClue.clueSource} == 4">CRM-WAP</td>
						<td class="phone2">负责人</td>
						<td th:text="${customerClue.createBy}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">线索类型</td>
						<td th:text="${customerClue.productType}" id="productType"></td>
						<td class="phone2">渠道</td>
						<td
							th:text="${customerClue.clueChannel} == 0 ? 未知来源  : ${customerClue.clueChannel}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">入住类型</td>
						<td th:if="${customerClue.occupancyType} == null"></td>
						<td th:if="${customerClue.occupancyType} == 0">非本类型线索</td>
						<td th:if="${customerClue.occupancyType} == 1">长住</td>
						<td th:if="${customerClue.occupancyType} == 2">短住</td>
						<td class="phone2">康复项目</td>
						<td
							th:text="${customerClue.recureProject} == '' ? 非本类型线索 : ${customerClue.recureProject}"></td>
					</tr>
					<tr class="table_phone2">
						<td class="phone2">报团人数</td>
						<td
							th:text="${customerClue.tourismScale} == 0?非本类型线索:${customerClue.tourismScale}"></td>
						<td class="phone2">旅游线路</td>
						<td
							th:text="${customerClue.tourismRoute} == '' ? 非本类型线索 : ${customerClue.tourismRoute}"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- 线索信息 -->
	</div>
	<div th:include="include::footer"></div>
	<!-- 操作处理 -->
	<script src="/js/jquery-ui-1.10.4.min.js"
		th:src="@{/js/jquery-ui-1.10.4.min.js}"></script>
	<script src="/ajax/libs//datapicker/bootstrap-datepicker.js"
		th:src="@{/ajax/libs//datapicker/bootstrap-datepicker.js}"></script>
	<script src="/azxcrm/module/customerClue/details.js"
		th:src="@{/azxcrm/module/customerClue/details.js}"></script>
</body>
</html>
<script>
	$(function() {
		$('#myTab li:eq(0) a').tab('show');
		$(".text-red").click(
				function() {
					if ($(this).text() == "查看更多") {
						$(this).text("点击收起");
						$(this).parent(".btnBox").siblings(".table_Height")
								.addClass("autoHeight");
					} else {
						$(this).text("查看更多");
						$(this).parent(".btnBox").siblings(".table_Height")
								.removeClass("autoHeight");
					}
				})
	});
</script>